<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>index</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
        html,
        body {
            width: 100%;
            height: 100%;
            background-color: aliceblue;
            padding: 0px;
            margin: 0px;


        }

        #container {
            width: 100%;
            height: 100%;
            display: block;
            /*background-color: red;*/
            padding: 0px;
            margin: 0px;
            bottom: 32px;

        }

        #header {
            width: 100%;
            height: 56px;
            /*background-color: blue;*/
        }

        #footer {
            width: 100%;
            height: 32px;
            /*background-color: yellowgreen;*/
            position: fixed;
            bottom: 0px;
        }

        #left-sub-container {

            width: 200px;;
            height: 230px;
            /*background-color: whitesmoke;*/
            position: relative;
            top: 30%;
            left: 28%;


            float: left;
        }

        #right-sub-container {
            width: 200px;
            height: 111px;
            /*background-color: wheat;*/
            position: relative;
            top: 35%;
            right: 28%;
            float: right;


        }



        a{
            text-decoration: none;
            text-align-last: center;
            color: black;
            align-content: center;
            display: block;
        }
        img#qrcode{
            width: 200px;
            height: 200px;
            border-radius: 30px;
            align-content: center;
            display: inline-block;
        }
    </style>
</head>

<body>
<div id="container">

    <div id="header"></div>

    <div id="left-sub-container">

        <img src="/static/img/qr.png" alt="这里使用qrcode 替换" id="qrcode" style="">
        <div style="bottom: 0px;width: 100%;height: 20px;">
            <a href="/static/apk/apk.apk" style="color: #333333;"> android 客户端下载</a>
        </div>
    </div>
    <div id="right-sub-container">
        <a href="/static/proxy/proxy.zip" style="font-size: 24px;">终端硬件控制软件</a>
    </div>

    <div id="footer"></div>

</div>
</body>
<script type="text/javascript">

    /*
    (function (W) {
        if (/iphone|nokia|sony|ericsson|mot|samsung|sgh|lg|philips|panasonic|alcatel|lenovo|cldc|midp|wap|mobile/i.test(navigator.userAgent.toLowerCase())) {

            W.location.href = "/m/index",
                    console.log("检测到移动端.....");

        } else {
            console.log("pc okok ");

        }

    })(window)

    */

    ( function (window){
        if (window.innerWidth <=1000){
            window.location.href = "/m/index"
        }
    })(window)
</script>
</html>